<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>create_DOM.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
	<script type="text/javascript" src="jquery-1.6.js"></script>
	<script type="text/javascript">
		//$(function(){
			//$("<span>你好DOM</span>").insertAfter("h2");
		//});
		
		$(function(){
			var att=$("#text");
			alert(att.attr("name"));
			att.attr("value",att.attr("name"));

			var dis=$("#sub");

			alert(dis.attr("type"));
			dis.attr("disabled","disabled");

			$("span").html("<a href='#'>你好</a>");
			
		});

		function dis(){
			$("button:gt(0)").attr("disabled","disabled");
			$("div").empty();
		}
	</script>
  </head>
  
  <body>
    	<h2>111</h2>
    	
    	
    	<input type="text" id="text" name="hello"><br/>
    	<input type="submit" id="sub"><br/>
    	
    	<span></span>
    	
    	<hr/>
    	
    	<button onclick="dis();">test1</button>
    	<button>test2</button>
    	<button>test3</button>
    	
    	<div>sdsfsfsdfd</div>
  </body>
</html>
